<template>
  <demoBlock title="自定义标题内容">
    <vcu-collapse v-model="activeNames">
      <vcu-collapse-item name="1">
        <template #title>
          <div>标题1 <vcu-icon name="search" /></div>
        </template>
        内容
      </vcu-collapse-item>
      <vcu-collapse-item title="标题2" name="2" icon="edit">
        内容
      </vcu-collapse-item>
      <vcu-collapse-item title="标题3" name="3" value="值" label="描述">
        内容
      </vcu-collapse-item>
    </vcu-collapse>
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const activeNames = ref(["1"]);
    return { activeNames };
  },
});
</script>
